<template>
  <div class="app-container home">
      <v-row
        align="center"
        justify="center"
      >
      <!--<el-row :gutter="20">-->
        <el-col :sm="24" :lg="12" style="padding-left: 20px">
          <h2>若依后台管理框架</h2>
          <p>
            一直想做一款后台管理系统，看了很多优秀的开源项目但是发现没有合适自己的。于是利用空闲休息时间开始自己写一套后台系统。如此有了若依管理系统。，她可以用于所有的Web应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA等等，当然，您也可以对她进行深度定制，以做出更强系统。所有前端后台代码封装过后十分精简易上手，出错概率低。同时支持移动客户端访问。系统会陆续更新一些实用功能。
          </p>
          <p>
            <b>当前版本:</b> <span>v{{ version }}</span>
          </p>
          <p>
            <el-tag type="danger">&yen;免费开源</el-tag>
          </p>
          <p>
            <el-button
              type="primary"
              size="mini"
              icon="el-icon-cloudy"
              plain
              @click="goTarget('https://gitee.com/y_project/RuoYi-Cloud')"
            >访问码云</el-button
            >
            <el-button
              type="primary"
              size="mini"
              icon="el-icon-s-home"
              plain
              @click="goTarget('http://ruoyi.vip')"
            >访问主页</el-button
            >
          </p>
        </el-col>
        <el-col :sm="24" :lg="12" style="padding-left: 50px">
          <el-row>
            <el-col :span="12">
              <h2>技术选型</h2>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="6">
              <h4>后端技术</h4>
              <ul>
                <li>SpringBoot</li>
                <li>SpringCloud</li>
                <li>Nacos</li>
                <li>Sentinel</li>
                <li>Seata</li>
                <li>Minio</li>
                <li>...</li>
              </ul>
            </el-col>
            <el-col :span="6">
              <h4>前端技术</h4>
              <ul>
                <li>Vue</li>
                <li>Vuex</li>
                <li style="color: red;font-weight: 500;">Vuetify</li>
                <li>Axios</li>
                <li>Echarts</li>
                <li>Quill</li>
                <li>...</li>
              </ul>
            </el-col>
          </el-row>
        </el-col>
      <!--</el-row>-->

      </v-row>

      <el-divider />

      <v-row
        align="center"
        justify="center"
      >
      <!--<el-row :gutter="20">-->
        <el-col :sm="24" :lg="24" style="padding-left: 20px">
          <h2 style="margin-top: 0;font-weight: 300">什么是<a href="https://vuetifyjs.com/zh-Hans/" style="color: red" target="_blank">Vuetify</a>?</h2>
          <!-- src="https://cdn.vuetifyjs.com/images/backgrounds/vbanner.jpg" -->
          <v-parallax
            dark
            src="https://cdn.vuetifyjs.com/images/parallax/material.jpg"
          >
            <v-row
              align="center"
              justify="center"
            >
              <v-col
                class="text-center"
                cols="12"
              >
                <h1 class="text-h4 font-weight-thin mb-4">
                  Vuetify
                </h1>
                <h4 class="subheading">
                  Build your application today!
                </h4>
              </v-col>
            </v-row>
          </v-parallax>
          <p style="margin: 2px">
            Vuetify 是建立在Vue.js之上的完备的界面框架。 该项目的目标是向开发人员提供他们积累的丰富且吸引用户体验所需的工具。 与其他框架不同。 Vuetify从一开始就设计为易于学习的并且拥有来自 Material设计规范 的数百个精心设计组件。
          </p>
          <p style="margin: 2px">
            Vuetify采用移动优先的设计，这意味着无论是在手机、平板电脑还是台式电脑上，你的应用程序都可以开箱即用。
          </p>
          <p style="margin: 2px auto 10px 0;">
            Vuetify完全按照 <a href="https://material.io/" target="_blank" style="font-size: 14px;font-weight: 500;">Material设计规范</a> 进行开发，每一个组件都经过精心设计，具有模块化、响应式和优秀的性能。使用独特和动态的 <a href="https://vuetifyjs.com/zh-Hans/features/layouts/" target="_blank" style="font-size: 14px;font-weight: 500;">布局</a> 自定义您的应用程序，并使用 <a href="https://vuetifyjs.com/zh-Hans/features/sass-variables/" target="_blank" style="font-size: 14px;font-weight: 500;">SASS 变量</a> 自定义您的组件的样式。
          </p>
        </el-col>
      <!--</el-row>-->
      </v-row>

      <v-row
        align="center"
        justify="center"
      >
      <!--<el-row :gutter="20">-->
        <v-col md="4">
          <el-card class="update-log">
            <div slot="header" class="clearfix">
              <span>联系信息</span>
            </div>
            <div class="body">
              <p>
                <i class="el-icon-s-promotion"></i> 官网：<el-link
                href="http://www.ruoyi.vip"
                target="_blank"
              >http://www.ruoyi.vip</el-link
              >
              </p>
              <p>
                <i class="el-icon-user-solid"></i> QQ群：<s>满42799195</s>
                <s>满170157040</s>
                <a
                  href="https://jq.qq.com/?_wv=1027&k=MI9Ro7lk"
                  target="_blank"
                >
                  130643120</a
                >
              </p>
              <p>
                <i class="el-icon-chat-dot-round"></i> 微信：<a
                href="javascript:;"
              >/ *若依</a
              >
              </p>
              <p>
                <i class="el-icon-money"></i> 支付宝：<a
                href="javascript:;"
                class="支付宝信息"
              >/ *若依</a>
              </p>

              <p v-if="false">
                <i class="el-icon-user-solid"></i> 若依Vuetify版作者QQ：
                  18038120
              </p>

            </div>
          </el-card>
        </v-col>
        <v-col md="4" style="height: 400px;">
          <el-card class="update-log">
            <div slot="header" class="clearfix">
              <span>更新日志</span>
            </div>
            <el-collapse accordion style="overflow: hidden">
              <el-collapse-item title="v2.5.0 - 2021-02-02">
                <ol>
                  <li>增加分布式事务seata支持</li>
                  <li>代码生成模板支持主子表</li>
                  <li>表格右侧工具栏组件支持显隐列</li>
                  <li>图片组件添加预览&移除功能</li>
                  <li>Excel注解支持Image图片导出</li>
                  <li>操作按钮组调整为朴素按钮样式</li>
                  <li>代码生成支持文件上传组件</li>
                  <li>代码生成日期控件区分范围</li>
                  <li>代码生成数据库文本类型生成表单文本域</li>
                  <li>用户手机邮箱&菜单组件修改允许空字符串</li>
                  <li>修复header获取username中文情况下乱码</li>
                  <li>修复角色管理-编辑角色-功能权限显示异常</li>
                  <li>修正操作日志删除接口路径</li>
                  <li>修复IE11浏览器报错问题</li>
                  <li>修复sentinel流量告警前端不响应</li>
                  <li>修正侧边栏静态路由丢失问题</li>
                  <li>修复导入数据为负浮点数时丢失精度问题</li>
                  <li>修复Get请求参数特殊值无法正确的传参</li>
                  <li>更换过期的共享配置属性</li>
                  <li>添加启动执行脚本</li>
                  <li>升级element-ui到最新版本2.15.0</li>
                  <li>升级spring-boot到最新版本2.3.7</li>
                  <li>升级spring-cloud到Hoxton.SR9</li>
                  <li>升级spring-boot-alibaba到最新版2.2.5</li>
                  <li>升级spring-boot-admin到最新版2.3.1</li>
                  <li>升级druid到最新版本v1.2.4</li>
                  <li>升级fastjson到最新版1.2.75</li>
                  <li>其他细节优化</li>
                </ol>
              </el-collapse-item>
              <el-collapse-item title="v2.4.0 - 2020-12-22">
                <ol>
                  <li>增加分布式文件Minio支持</li>
                  <li>支持多数据源切换</li>
                  <li>修复多级菜单之间切换无法缓存的问题</li>
                  <li>三级菜单自动配置组件</li>
                  <li>支持主题风格配置</li>
                  <li>服务之间feign调用传递用户信息</li>
                  <li>删除用户和角色解绑关联</li>
                  <li>去除用户手机邮箱部门必填验证</li>
                  <li>代码生成预览支持高亮显示</li>
                  <li>获取请求token方法移至权限工具类</li>
                  <li>代码生成预览提供滚动机制</li>
                  <li>权限工具类增加管理员判断</li>
                  <li>日志记录增加过滤多文件场景</li>
                  <li>修改用户头像预览宽高</li>
                  <li>Excel支持注解align对齐方式</li>
                  <li>项目添加robots.txt 防止系统被搜索引擎收录</li>
                  <li>移除path-to-regexp正则匹配插件</li>
                  <li>修改Set可能导致嵌套的问题</li>
                  <li>调整代码生成页列宽</li>
                  <li>回显数据字典防止空值报错</li>
                  <li>支持get请求映射params参数</li>
                  <li>登录后push添加catch防止出现检查错误</li>
                  <li>防止安全扫描YUI出现的风险提示</li>
                  <li>代码生成删除多余的数字float类型</li>
                  <li>Excel支持导入Boolean型数据</li>
                  <li>修正转换字符串的目标字符集属性</li>
                  <li>删除多余的依赖</li>
                  <li>修改node-sass为dart-sass</li>
                  <li>升级poi到最新版本4.1.2</li>
                  <li>升级axios到最新版本0.21.0</li>
                  <li>升级element-ui到最新版本2.14.1</li>
                  <li>升级vue到最新版本2.6.12</li>
                  <li>升级vuex到最新版本3.6.0</li>
                  <li>升级vue-cli到版本4.5.9</li>
                  <li>升级vue-router到最新版本3.4.9</li>
                  <li>升级vue-cli到最新版本4.4.6</li>
                  <li>升级vue-cropper到最新版本0.5.5</li>
                  <li>升级clipboard到最新版本2.0.6</li>
                  <li>升级core-js到最新版本3.8.1</li>
                  <li>升级echarts到最新版本4.9.0</li>
                  <li>升级file-saver到最新版本2.0.4</li>
                  <li>升级fuse.js到最新版本6.4.3</li>
                  <li>升级js-beautify到最新版本1.13.0</li>
                  <li>升级js-cookie到最新版本2.2.1</li>
                  <li>升级path-to-regexp到最新版本6.2.0</li>
                  <li>升级quill到最新版本1.3.7</li>
                  <li>升级screenfull到最新版本5.0.2</li>
                  <li>升级sortablejs到最新版本1.10.2</li>
                  <li>升级vuedraggable到最新版本2.24.3</li>
                  <li>升级chalk到最新版本4.1.0</li>
                  <li>升级eslint到最新版本7.15.0</li>
                  <li>升级eslint-plugin-vue到最新版本7.2.0</li>
                  <li>升级lint-staged到最新版本10.5.3</li>
                  <li>升级runjs到最新版本4.4.2</li>
                  <li>升级sass-loader到最新版本10.1.0</li>
                  <li>升级script-ext-html-webpack-plugin到最新版本2.1.5</li>
                  <li>升级svg-sprite-loader到最新版本5.1.1</li>
                  <li>升级vue-template-compiler到最新版本2.6.12</li>
                  <li>其他细节优化</li>
                </ol>
              </el-collapse-item>
              <el-collapse-item title="v2.3.0 - 2020-11-20">
                <ol>
                  <li>新增文件服务应用（支持本地、FastDFS）</li>
                  <li>优化头像样式，鼠标移入悬停遮罩</li>
                  <li>AjaxResult重写put方法，以方便链式调用</li>
                  <li>代码生成支持上传控件</li>
                  <li>新增图片上传组件</li>
                  <li>支持用户头像更新</li>
                  <li>调整默认首页</li>
                  <li>角色权限验证hasRole匹配改为equals</li>
                  <li>修正数组权限为空判断</li>
                  <li>修正注释选中节点和半选节点获取</li>
                  <li>升级pagehelper到最新版1.3.0</li>
                  <li>升级fastjson到最新版1.2.74</li>
                  <li>修正定时任务执行一次权限标识</li>
                  <li>修复页签关闭所有固定标签路由不刷新问题</li>
                  <li>表单构建布局型组件新增按钮</li>
                  <li>调整日志路径到模块目录</li>
                  <li>修正菜单提示信息错误</li>
                  <li>其他细节优化</li>
                </ol>
              </el-collapse-item>
              <el-collapse-item title="v2.2.0 - 2020-10-10">
                <ol>
                  <li>移除 OAuth2 改为 Redis</li>
                  <li>升级SpringCloud到最新版本Hoxton.SR8</li>
                  <li>升级SpringCloud Alibaba到最新版本2.2.3</li>
                  <li>升级SpringBoot Admin到最新版本2.3.0</li>
                  <li>升级Fastjson到最新版1.2.73</li>
                  <li>新增在线用户会话管理</li>
                  <li>修改用户个人资料/密码同步缓存信息</li>
                  <li>修复前端通用导出方法参数传值请求方式问题</li>
                  <li>菜单新增是否缓存keep-alive</li>
                  <li>菜单&数据权限新增（展开/折叠 全选/全不选 父子联动）</li>
                  <li>Job与Gen模块增加Redis默认配置</li>
                  <li>新增表格右侧工具栏组件right-toolbar</li>
                  <li>代码生成支持同步数据库</li>
                  <li>代码生成支持富文本控件</li>
                  <li>代码生成树模板去掉多余双引号</li>
                  <li>代码生成添加select必填选项</li>
                  <li>代码生成页面时不忽略remark属性</li>
                  <li>修复代码生成下载路径错误</li>
                  <li>左侧菜单文字过长显示省略号</li>
                  <li>表格操作列间距调整</li>
                  <li>Excel注解支持自动统计数据总和</li>
                  <li>Excel注解支持设置BigDecimal精度&舍入规则</li>
                  <li>导入Excel整形值校验优化</li>
                  <li>导出Excel类型NUMERIC支持精度浮点类型</li>
                  <li>导出Excel调整targetAttr获取值方法，防止get方法不规范</li>
                  <li>Token续期调整为后端刷新</li>
                  <li>Token设置默认有效期时长12小时</li>
                  <li>网关白名单放入nacos配置&支持模糊匹配</li>
                  <li>修复富文本工具栏样式不对齐问题</li>
                  <li>Editor组件优化，支持自定义高度&图片冲突问题</li>
                  <li>
                    修复富文本空格和缩进保存后不生效问题&删除重复的placeholder
                  </li>
                  <li>限制系统内置参数不允许删除</li>
                  <li>修正调用目标字符串最大长度</li>
                  <li>修改自定义权限实现</li>
                  <li>优化递归菜单&部门子节点</li>
                  <li>修改sass为node-sass，避免el-icon图标乱码</li>
                  <li>修复根节点为子部门时，树状结构显示问题</li>
                  <li>全局异常状态汉化拦截处理</li>
                  <li>唯一限制条件只返回单条数据</li>
                  <li>其他细节优化</li>
                </ol>
              </el-collapse-item>

              <el-collapse-item title="v2.1.0 - 2020-08-02">
                <ol>
                  <li>表格工具栏右侧添加刷新&显隐查询栏</li>
                  <li>OAuth自动刷新续签Token</li>
                  <li>网关支持黑名单配置</li>
                  <li>权限配置自动注册</li>
                  <li>Feign配置自动注册</li>
                  <li>代码生成支持选择上级菜单</li>
                  <li>代码生成支持复选框</li>
                  <li>代码生成支持自定义路径</li>
                  <li>验证码类型支持（数组计算、字符验证）</li>
                  <li>Excel支持sort导出排序</li>
                  <li>Excel支持分割字符串组内容</li>
                  <li>excel 导入数字不需要格式化 ，导入允许列和属性个数不一致</li>
                  <li>新增菜单默认主类目</li>
                  <li>升级vue-cli版本到4.4.4</li>
                  <li>修改 node-sass 为 dart-sass</li>
                  <li>升级element-ui版本到2.13.2</li>
                  <li>删除babel，提高编译速度</li>
                  <li>修复验证码异常时network面板的中文会出现乱码问题</li>
                  <li>修复 utils/index.js 中不包含 parseTime 函数的 bug</li>
                  <li>优化selectDictLabel方法，数组迭代器换为some</li>
                  <li>修复客户端模式认证会出现错误</li>
                  <li>检查字符支持小数点&降级改成异常提醒</li>
                  <li>定时任务添加cron表达式验证</li>
                  <li>代码生成查询条件修正</li>
                  <li>修正角色管理导出权限权限字符</li>
                  <li>修正防止切换权限用户后登录出现404</li>
                  <li>终端设置安全码加密&更新缓存</li>
                  <li>修复头像上传成功二次打开无法改变裁剪框大小和位置问题</li>
                  <li>修复布局为small者mini用户表单显示错位问题</li>
                  <li>修复代码生成点击多次表修改数据不变化的问题</li>
                  <li>修复代码生成导入表结构出现异常页面不提醒问题</li>
                  <li>修复角色权限修改时已有权限未自动勾选异常</li>
                  <li>创建用户不允许选择系统管理员角色</li>
                  <li>添加全局异常处理（网关异常&业务异常）</li>
                  <li>修复终端查询Enter键搜索时是刷新页面而不是查询列表</li>
                  <li>删除job重复表单参数</li>
                  <li>代码生成浮点型改用BigDecimal</li>
                  <li>表单类型为Integer/Long设置整形默认值</li>
                  <li>修改用户管理复选框宽度，防止部分浏览器出现省略号</li>
                  <li>
                    RedisCache中所有方法参数添加final，并优化list取出效率，添加其它常用redis方法
                  </li>
                  <li>修正定时任务日志权限字符</li>
                  <li>添加Jackson时区配置</li>
                  <li>代码生成相关问题修复</li>
                  <li>自定义oauth2返回异常信息</li>
                  <li>升级nacos到最新版1.3.0 全新内核构建</li>
                  <li>修正【代码生成】功能无法下载的问题</li>
                  <li>其他细节优化</li>
                </ol>
              </el-collapse-item>
              <el-collapse-item title="v1.0.0 - 2020-05-20">
                <ol>
                  <li>若依微服务系统正式发布</li>
                </ol>
              </el-collapse-item>
            </el-collapse>
          </el-card>
        </v-col>
        <v-col md="4">
          <el-card class="update-log">
            <div slot="header" class="clearfix">
              <span>捐赠支持</span>
            </div>
            <div class="body">
              <img
                src="https://oscimg.oschina.net/oscnet/up-d6695f82666e5018f715c41cb7ee60d3b73.png"
                alt="donate"
                width="100%"
              />
              <span style="display: inline-block; height: 30px; line-height: 30px"
              >你可以请作者喝杯咖啡表示鼓励</span
              >
            </div>
          </el-card>
        </v-col>
      <!--</el-row>-->
      </v-row>


  </div>
</template>

<script>
export default {
  name: "index",
  data() {
    return {
      // 版本号
      version: "2.5.0",
    };
  },
  methods: {
    goTarget(href) {
      window.open(href, "_blank");
    },
  },
};
</script>

<style scoped lang="scss">
  .home {
    blockquote {
      padding: 10px 20px;
      margin: 0 0 20px;
      font-size: 17.5px;
      border-left: 5px solid #eee;
    }
    hr {
      margin-top: 20px;
      margin-bottom: 20px;
      border: 0;
      border-top: 1px solid #eee;
    }
    .col-item {
      margin-bottom: 20px;
    }

    ul {
      padding: 0;
      margin: 0;
    }

    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #676a6c;
    //overflow-x: hidden;

    ul {
      list-style-type: none;
    }

    h4 {
      margin-top: 0px;
    }

    h2 {
      margin-top: 10px;
      font-size: 26px;
      font-weight: 100;
    }

    p {
      margin-top: 10px;

      b {
        font-weight: 700;
      }
    }

    .update-log {
      ol {
        display: block;
        list-style-type: decimal;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0;
        margin-inline-end: 0;
        padding-inline-start: 40px;
      }
    }
  }
</style>

